<?php

/**
 * Flickr Photosets - Styles
 * Custom styles used in the app.
 * 
 * @author Brad Dougherty <bdougherty@gmail.com>
 * @version 2.0.2
 * @date 4/10/07
 * @license http://www.gnu.org/licenses/gpl.html GNU General Public License 3.0
 * @since File available since Release 1.0
 */

?>

<style>
.nav{ margin: 10px 0 -5px 20px; }
.bar{ color: #aaa; }
.single_photo_header{ padding: 8px 20px 0px; border-bottom: solid 1px #D8DFEA; }
.single_photo_header h2{ font-size: 14px; padding: 0px 0px 6px; }
.single_photo_header h4{ float: left; font-weight: normal; padding: 3px 0px 4px; border-bottom: none; }
.photoborder{ padding: 0 0 10px 0; background: #f7f7f7; text-align: center; border-top: solid 1px #f7f7f7; border-bottom: solid 1px #D8DFEA; }
.photoborder img{ border: solid 1px #ddd; margin: 0; background: white; }
.photoborder .video { margin: 10px; }
.photocaption{ text-align: left; width: 390px; margin: 0px; line-height: 15px; padding: 0px 11px 8px; }
.photocaptionleft{ width: 606px; text-align: left; }
.phototags{ text-align: left; width: 390px; line-height: 15px; margin: 0px; padding: 0px 11px 8px; }
.phototags .darklink{ color: #555; }
.photoinalbum{ float: right; width: 170px; padding-left: 10px; border-left: solid 1px #ccc; line-height: 15px; }
.photodate{ margin: 0; padding: 4px 11px 8px; float: left; color: #777; }
.photoinfo{ width: 400px; margin: 4px 10px 10px;/* float:left;*/ }
* html .photoinfo{ width: 606px; }
.right { float: right; width: 150px; margin: 3px 30px 10px 0; }
.share_and_hide {margin: 10px 0 10px 0; text-align: right; float: right; font-size:11px; }
.info .share_and_hide { float: left; font-size: 9px; }
.photoactions a,.photoactions .action_link,.photoactions .non_action{ display: block; clear: both; padding: 2px 3px; border-bottom: solid 1px #D8DFEA; }
.photoactions a:hover,.photoactions .action_link:hover{ text-decoration: none; background: #3B5998; color: white; }
.photoactions .non_action{ margin-top: 0px; border-bottom: none; color: #666666; }
.photoactions .non_action:hover{ text-decoration: none; background: transparent; color: #666666; }
.photoaddcomment{ float: left; clear: left; margin: 10px 0px; }
.photoaddcomment h4{ border: none; }
.album{ margin: 0px; padding: 10px; background: #f7f7f7; }
.album td{ width: 150px; padding: 3px 2px; text-align: center; vertical-align: middle; }
.album img{ background: white; padding: 6px; border: solid 1px #ccc; }
.album img:hover{ border: solid 1px #3B5998; }
.album .footer{ padding: 0px 10px; }
.album .footer .info{ float: left; padding: 5px 0px; width: 400px; }
.albums .content{ padding: 0px; }
.albums .summary a{ font-weight: normal; }
.albums .panel{ background: #f7f7f7; }
.albums .results{ padding: 10px 10px 5px; }
.albums .results .album2{ background: white; border: solid 1px #ccc; margin: 0px 0px 5px; padding: 9px; }
.albums .results .image{ width: 180px; float: left; padding-right: 10px; }
.albums .results .info{ float: left; width: 380px; padding-right: 20px; }
.albums .results .count{ font-weight: normal; color: gray; }
.albums .results h2{ margin: 5px 0px 2px; font-size: 12px; }
.albums .results .info h2 img{ float: left; margin: 1px 3px 0 0; }
.albums .results p{ margin: 5px 0px 5px; }
.albums .results .date{ color: gray; }
.albums .updated{ float: left; padding: 3px 0; }
.albums .empty_albums{ background: #fff; border: 1px solid #c0c0c0; font-size: 13px; color: #555; margin: 10px; text-align: center; padding: 90px 0px 85px 0px; }
.photocomment{ margin-left: 10px; padding-top: 6px; width: 400px; }
.photocomment .actions a small{ color: #3b5998; }
.photocomment .actions a:hover{ text-decoration: underline; }
.wallpost_dialog #content { padding: 20px 0px; }
.wallpost { padding: 0px; margin: 0px; float: left; margin-bottom: 15px; }
.wallpost td { padding: 0px; vertical-align: top; }
.wallpost td.wallimage { width: 55px; text-align: left; }
.wallpost td.wallimage img { width: 50px; margin-right: 5px; }
.wallpost .wallinfo { width: 100%; border-top: solid 1px #3B5998; }
.wallpost .wallinfo .wallheader { padding: 3px 5px 3px; background: #f7f7f7; border-bottom: solid 1px #D8DFEA; }
.wallpost .wallinfo .wallactions { padding: 3px 5px; border-bottom: solid 1px #D8DFEA; border-top: none; clear: right; }
.wallpost .wallinfo .wallheader a.profile_link { font-weight: bold; }
.wallpost .wallinfo .wallactions a:hover { text-decoration: underline; }
.wallpost .wallinfo .walltext { padding: 5px 5px; }
.wallpost .wallphoto img { width: 50px; margin-left: 5px; }
.header { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8dfea; margin: 0; padding: 0 0 2px; }
.normal { font-weight: normal; color: black; }
.clearfix {clear:both;}
.slideshow {background-color: black; color: white;}
.slideshow a {color: #ccc;}
.slideshow h2 {color: white;}
.slideshow .disclaimer strong, .slideshow .disclaimer .h4 {font-weight: normal;}
.disclaimer { padding:10px; }
.disclaimer p { padding:0; margin:0; }
.with_border {background-color:#f7f7f7;border-top:1px solid #d8dfea;}
.section { margin: 10px 45px 20px 45px; }
.section p { line-height: 16px; }
.section_body { line-height: 16px; padding: 5px 20px 10px 0; }
.answer { border: 1px solid rgb(216, 223, 234); margin: 3px 10px 10px 0; padding: 7px 10px; background-color: rgb(250, 250, 250); }
.question { padding: 0px 0px 5px; }
.faq { line-height: 16px; margin-left: 15px; }
.preview_border { border-color: #cccccc; border-width: 1px 1px 1px 1px; border-style: dotted; }
.html_preview { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; text-align: left; vertical-align: top; }
.profile_actions { border:1px solid #BDC7D8; padding: 5px 10px; }
.box_head { padding: 1px 6px 0px 8px; border-top: solid 1px #3B5998; background: #d8dfea; }
.box_head h2 { margin: 0px; padding: 1px 0px 0px; color: #3B5998; font-size: 11px; float: left; }
.inside_the_box { overflow: hidden; background: white; padding: 10px 8px 15px 8px; position: relative; }
.box_subhead { color: #444; padding: 2px 8px 2px 8px; border-top: solid 1px #ccc; overflow: hidden; background: #eee; }
.box_subhead .box_subtitle { float: left; }
.box_subhead .box_actions { float: right; }
.numphotos{width:30px;}
.media_gray_bg h2 { width: 525px; }
</style>